<script>
    $(document).ready(function() {
        $('#datepicker1').datepicker();
        $('#datepicker2').datepicker();
    });

    function report_reservation(){
    window.location.replace('<?php echo base_url(); ?>report/report_reservation/'+ $('#date1').val()+'/'+ $('#date2').val());

    }
    function report_daily_occupancy(){
    window.location.replace('<?php echo base_url(); ?>report/report_dailyocc/'+ $('#date1').val()+'/'+ $('#date2').val());

    }
    function report_daily_sales(){
    window.location.replace('<?php echo base_url(); ?>report/report_daily_sales/'+ $('#date1').val()+'/'+ $('#date2').val());

    }
    function report_room(){
    window.location.replace('<?php echo base_url(); ?>report/report_room/'+ $('#date1').val()+'/'+ $('#date2').val());

    }
    function report_service(){
    window.location.replace('<?php echo base_url(); ?>report/report_service/'+ $('#date1').val()+'/'+ $('#date2').val());

    }
</script>
<form action="" method="post">
    <table class="table table-hover table-condensed">
        <tr>
            <td>From Date</td>
            <td>
                <div class="input-append date" id="datepicker1" data-date="" data-date-format="yyyy-mm-dd">
                    <input id="date1" type="text" name="fromdate" disabled>
                    <span class="add-on">
                        <i class="icon-th">
                        </i>
                    </span>
                </div>
            </td>
        </tr>
        <tr>
            <td>To Date</td>
            <td>
                <div class="input-append date" id="datepicker2" data-date="" data-date-format="yyyy-mm-dd">
                    <input id="date2" type="text" name="todate" disabled>
                    <span class="add-on">
                        <i class="icon-th">
                        </i>
                    </span>
                </div>
            </td>
        </tr> 
    </table>
    <li><a href="javascript:void(0)" onclick="javascript:report_reservation()">Reservation Report</a></li>
    <li><a href="javascript:void(0)" onclick="javascript:report_daily_occupancy()">Occupancy Report</a></li>
    <li><a href="javascript:void(0)" onclick="javascript:report_daily_sales()">Sales Report</a></li>
    <li><a href="javascript:void(0)" onclick="javascript:report_room()">Room Report</a></li>
    <li><a href="javascript:void(0)" onclick="javascript:report_service()">Service Report</a></li>
    <!--<a class="btn btn-primary" onclick="post();">Report</a>
    
    <li><a href="<?php echo base_url(); ?>room/avail">Room Availability</a></li>
    <li><a href="<?php echo base_url(); ?>reservation/payment_type">Payment Type</a></li>-->

</form>

